@extends("/main_template",menu="mine")
<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
	<a class="mui-control-item" href="myCart.html">我的购物车</a>
	<a class="mui-control-item mui-active" href="#mine-item-order">我的订单</a>
</div>
<div>
	<div id="mine-item-order" class="mui-control-content mui-active">
        <script id="jsTemplateOrders" target="#jsOrders" url="@url("/order/getOrders.json")" type="text/html">
		{{each data item}}
			<div class="myorder-list-item">
				<div class="mui-row myorder-list-item-main">
					<div class="mui-col-xs-4">
						<img src="{{item.mainImg}}">
					</div>
					<a href="@url("/order/orderInfo.html?orderId={{item.orderId}}")" class="mui-col-xs-8 mui-navigate-right myorder-list-right text-ellipsis">
						<label>名称：</label>{{item.productName}}<br />
						<label>数量合计：</label>{{item.itemCount}}<br />
						<label>金额合计：</label>{{item.totalAmount}}元<br />
					</a>
				</div>
				<div class="mui-row myorder-list-item-state">
					<div class="mui-col-xs-6">
						<label>是否已支付：</label>是
					</div>
					<div class="mui-col-xs-6">
						<label>物流状态：</label>已送达
					</div>
				</div>
				<div ><label>订单时间：</label>{{item.createdTime | date_format: 'YYYY-MM-DD HH:mm:ss'}}</div>
            </div>
			{{/each}}
		</script>
		<div id="jsOrders" class="mui-table-view myorder-list">
		</div>
		<div class="scroll-fix40"></div>
	</div>
</div>
@section(script){
<script type="text/javascript" src="@url("/static/js/app.order.js")"></script>
}